<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"
    width="900px"

  >
    <table style="width: 100%" class="mytable">
      <tr>
        <td class="ttitle" rowspan="2">楼宇信息</td>
        <td class="ttitle">楼宇编号</td>
        <td>{{list.number}}</td>
        <td class="ttitle">单元</td>
        <td>{{list.unit}}单元</td>
        <td class="ttitle">楼层</td>
        <td>{{list.floor}}楼</td>


      </tr>
      <tr>
        <td class="ttitle">房间号</td>
        <td>{{list.roomCode}}</td>
        <td class="ttitle">床位号</td>
        <td>{{list.bedCode}}</td>
        <td class="ttitle">床位使用状态</td>
        <td>{{list.statusName}}</td>
      </tr>
<!--      <td class="ttitle" rowspan="1">费用信息</td>-->
<!--      <td class="ttitle">日费用</td>-->
<!--      <td>{{list.dailyFee}}</td>-->
<!--      <td class="ttitle" colspan="3">月费用</td>-->
<!--      <td>{{list.monthlyFee}}</td>-->
     <tr>
       <td class="ttitle" rowspan="1">备注信息</td>
       <td colspan="6">{{list.remark}}</td>
     </tr>
    </table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">关 闭</el-button>

    </div>

  </el-dialog>
</template>

<script>
    export default {
        name: "info",
        data() {
            return {
                title:"详情信息",
                list:{},
                dialogFormVisible: false,
            };
        },
        methods:{
            showEdit(row) {

           console.log(row)
                this.list=row
                this.dialogFormVisible = true;
            },
        },
    }
</script>

<style scoped>
  table
  {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
  }
  table td, table th
  {
    border: 1px solid #cad9ea;
    height: 30px;
  }
  table .ttitle
  {
    line-height: 30px;
    background-color: #F5FAFA;
    width: 100px;
  }
  table tr:nth-child(odd)
  {
    background: #fff;
  }
</style>
